/* CSS Document */
@charset "utf-8";
*{ margin:0; padding:0; list-style:none;}
input[type="button"], 
input[type="submit"], 
input[type="reset"] 
{
    -webkit-appearance: none;}
a{ text-decoration:none;} 
body{
    width:100%;
    max-width:640px;
    margin:0 auto;
    background:#f8f88f8;
    top:0px; bottom:0px; left:0px; right:0px;
    min-width:320px;}	

.Unknotted_left,.Completed_rigth {
    width:50%;
    margin:0 auto;
    text-align:center;
    background:#4c5056;
    padding-top:7%;
    padding-bottom:5.5%;
    margin-bottom:3%;
}
.Unknotted_left h2,.Completed_rigth h2 {
    font-size:3rem;
    font-family: "微软雅黑";
}
.Unknotted_left p,.Completed_rigth p {
    font-size:1rem;
    padding-bottom:0.2em;
    padding-top:0.5em;
}
.Unknotted_left h2,.Unknotted_left p {
    color:#ffa060;
}
.Completed_rigth h2,.Completed_rigth p {
    color:#fff;
}
.Unknotted_left span,.Completed_rigth span {
    color:#b4b5b7;
    font-size:0.8em;
}
.Unknotted_left {
    float:left;
}
.Completed_rigth {
    float:right;
}

.user_lists {
    width:100%;
    max-width:640px;
    background:#FFF;
    clear:both;
    height:100%;
    width:100%;
}
.user_lists h3 {
    padding-top:2%;
    padding-bottom:2%;
    padding-left:4%;
    border-bottom:0.08em solid #e5e5e5;
    font-size:0.8rem;
    color:#9f9e9e;
}
.user_lists ul{
    clear:both;
}
.user_lists ul li{
    float:left;
    background:#fff;
    width:33%;
    max-width:230px;
    margin:0 auto;
    padding:5% 0;

    /*margin-top:5%;
    margin-left:8%;*/
}
.border{border-bottom:0.08em solid #e5e5e5;
        border-right:0.05em solid #e5e5e5;}
.border_bottom{
    border-bottom:0.1em solid #e5e5e5;}
.border_right{
    border-right:0.05em solid #e5e5e5;
}
.user_lists ul li img{
    width:45%;
}
.user_lists ul li a {
    color:#333;
}
.user_lists ul li p{
    text-align:center;
}
.user_lists ul li p span{
    clear:both; display:block; padding-top:0.6em; font-size:0.8rem;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center}


/*工作计划*/
.plan_lists {
    width:100%;
    background:#fff;
    clear:both;
}
.plan_lists ul {
    padding-bottom:30px;
}
.plan_lists ul li {
    padding-top:32px;
    padding-left:3%;
    font-size:0.8rem;
}
.plan_lists ul li label {
    color:#333;
    vertical-align:top;
    width:16.8%;
    text-align:right;
    display:inline-block;
}
.plan_lists ul li span.num-bj {
    background:#F6F6F6;
    width:77%;
    margin-left:3%;
}
.plan_lists ul li span.num {
    background:#ED8D76;
    width:20%;
}
.plan_lists ul li span.num,.plan_lists ul li span.num2 {
    color:#fff;
    line-height:17px;
    /*padding-left:3%;*/
}
.plan_lists ul li span.num2 {
    background:#5FC6C6;
    width:50%;

}
.plan_lists ul li span.num-bj,.plan_lists ul li span.num,.plan_lists ul li span.num2 {
    height:1.2em;
    display:inline-block;
    border-radius:12px;
}
.plan_lists ul li span.num,.plan_lists ul li span.num2{text-align: center}
.plan_lists ul li span a {
    color:#fff;
} 
.plan_bottom {
    bottom:0;
    position:fixed;
    height:3.2em;
    background:#fff;
    border-top:0.9px solid #e5e5e5;
    width:100%;
}
.plan_bottom ul li {
    float:left;
    width:50%;
    padding-top:16px;
    text-align:center;
}
.plan_bottom ul li a {
    color:#282828;
}
.plan_bottom ul li a:hover {
    color:#E97D1B;
    font-weight:500;
}


/*关注计划*/
.st-container {
    margin-top:1rem;
    widht:100%;
    height:100%;
    clear:both;
}
.st-container .attention_plan_bt {
    height:55px;
}
.st-container .attention_plan_bt li {
    width:18%;
    float:left;
    text-align:center;
    margin-left:5.3%;
}
.st-container .attention_plan_bt li a {
    color:#333;
}

.st-container .attention_plan_bt li.current {
    text-align:center;
    color:#417ECF;
    width:18%;
    padding-bottom:5px;
    border-bottom:0.11rem solid #417ECF;
}
.st-container .attention_plan_bt li.current a {
    color:#417ECF;
}
/*
.st-container .attention_plan_bt li a:hover {
        color:#417ECF;
}
.st-container .attention_plan_bt li:hover {
        text-align:center;
        width:18%;
        padding-bottom:5px;
        border-bottom:0.11rem solid #417ECF;
}
*/
.attention_plan_bt li > a {
    font-size:0.9rem;
}
.st-container .st-scroll li > a {
    font-size:0.85rem;
    color:#333;
    text-align:center;

}
.st-scroll {
    clear:both;
    padding:0 0.6rem 0 0.6rem;
}
.st-scroll li {
    padding-left:0.2rem;
    height:48px;
    line-height:48px;
    border-bottom:0.5px solid #DFDFDF;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:normal;
}
.new_plan_lists .plan_nr {
    float:left;
    width:80%;
    text-align:left;
}
.new_plan_lists .plan_att_num {
    float:left;
    color:#417ECF;
    margin-left:3%;
}
.new_plan_lists .collect {
    justify-content:flex-end;
    display:-webkit-flex;
}

/*全部计划*/
.all_plans {
    background:#5077AA;
    height:48px;
    line-height:48px;
}
.all_plans ul li {
    float:left;
    /*width:19%;*/
    text-align:center;
    font-size:0.9rem;
}
.all_plans ul li a {
    color:#fff;
}
/*
.all_plans ul li a:hover {
        color:#FFCD00;
        font-weight:500;
}*/
.all_plans li.allday a {
    color:#FFCD00;
    font-weight:500;
}



/*流程申请详情*/
.approval_details {
    background:#fff;
}
.approval_details ul li {
    height:98px;
    border-bottom:0.5px solid #E0E0E0;
}
.approval_details ul li span {
    padding-top:16px;
}
.approval_details ul li span.round{
    float:left;
    font-size:0.9rem;
    padding-left:0.8rem;
    color:#F78750;
}
.approval_details ul li span.name {
    font-size:1rem;
    list-style:disc;
    font-weight:500;
    color:#333;
    float:left;
}
.approval_details ul li span.time {
    font-size:0.75rem;
    color:#A5A5A5;
    padding-right:0.8rem;
    font-weight:100;
    float:right;
}
.approval_details ul li p {
    font-size:0.85rem;
    clear:both;
    padding-top:3px;
    padding-left:1.8rem;
}
.approval_details ul li p.application {
    color:#5077AA;
}
.approval_details ul li p.reason {
    color:#A5A5A5;
}

/*效率统计 开始*/
.statistical {
    width:100%;
    height:100%;
    font-size:16px;
}
.my_messages {
    background:#5077AA;
    text-align:center;
}
.my_messages img {
    /*padding-top:0.75rem;*/
    border-radius: 50%;
    height: 80px;
    width: 80px;
    margin-top: 0.75rem;
}
.my_messages h2 {
    color:#fff;
    font-size:1.125rem;
    font-weight:300;
    padding-top:0.3rem;
}
.messages_nr {
    padding-top:2.5rem;
    text-align:left;
    display:inline-block;
    width:100%;
    padding-bottom:0.4rem;
}
.messages_left {
    float:left;
    width:45%;
    padding-left:1rem;
    border-right:0.5px solid #6587B4;
}
.messages_nr p {
    color:#fff;
    font-size:0.9rem;
    font-weight:300;
}
.messages_nr .t1 {
    opacity:0.6;
}
.messages_nr ul {
    padding-top:0.5rem;
}
.messages_nr ul li {
    color:#fff;
    font-weight:300;
    line-height:28px;
}
.messages_nr ul li .g1,.messages_nr ul li .g2,.messages_nr ul li .g3 {
    padding-right:0.5rem;
    padding-left:0.3rem;
}
.messages_left .g1 {
    color:#FD805E;
} 
.messages_left .g2{
    color:#FFCD00;
} 
.messages_left .g3 {
    color:#4AE6E6;
} 
.messages_right {
    float:left;
    width:45%;
    padding-left:1.3rem;
}
.messages_right p {
    font-size:0.9rem;
}
.messages_right p .t2 {
    color:#FD805E;
    font-weight:500;
}
.messages_right .num-bj,.messages_right .num {
    height:6px;
    display:block; 
    border-radius:12px;
    margin-top:1rem;
}
.messages_right .num-bj {
    background:#6587B4;
    width:86%;
}
.messages_right  .num {
    background:#FD805E;
}
.messages_right .time {
    margin-top:0.8rem;
    line-height:25px;
}
.statistical_lists {
    width:100%;
    height:100%;
    background:#F5F5F5;
    clear:both;
}
.statistical_lists .liucheng{
    background:#fff;
    width:94%;
    margin:0.9rem auto;
    border-radius:9px;
    padding-bottom:1.9rem;
}
.statistical_lists  h3 {
    padding:1.1rem 0 1.2rem 1.375rem;
    font-weight:500;
    font-size:1.25rem;
}
.statistical_lists p,.statistical_lists ul {
    padding-left:1.1rem;
    font-size:1rem;
} 
.statistical_lists .number1,.statistical_lists .number2 {
    font-size:1.125rem;
    padding:0 0.3rem;
}
.statistical_lists .number2 {
    color:#FD805E;
}
.statistical_lists .number3 {
    color:#5077AA;
}
.statistical_lists .number4 {
    color:#14AB5C;
}
.statistical_lists .number5 {
    color:#333;
}
.statistical_lists .number6 {
    color:#FD805E;
}
.statistical_lists .number7 {
    color:#14AB5C;
}
.statistical_lists ul {
    padding-top:0.9rem;
}
.statistical_lists ul li {

}
.statistical_lists ul li span {

}
.charts {
    padding:0 1.1rem;
}
.jihua_lists ul li {
    padding-top:1.4rem;
}
.jihua_lists ul li label {
    color:#333;
    vertical-align:top;
    width:20%;
    text-align:right;
    display:inline-block;
    font-size:1rem;
}
.jihua_lists ul li span.num-bj {
    background:#F6F6F6;
    width:72%;
    margin-left:2%;
}
.jihua_lists ul li span.num {
    background:#ED8D76;
    
}
.jihua_lists ul li span.num,.jihua_lists ul li span.num2 {
    color:#fff;
    font-size:0.875rem;
    font-weight:100;
    line-height:16px;
    text-align: center;
    /*padding-left:0.5rem;*/
}
.jihua_lists ul li span.num2 {
    background:#5FC6C6;
    width:50%;

}
.jihua_lists ul li span.num-bj,.jihua_lists ul li span.num,.jihua_lists ul li span.num2 {
    height:1rem;
    display:inline-block;
    border-radius:12px;

}
.jihua_lists ul li span a {
    color:#fff;
} 
@media (min-device-width:320px) {
    .statistical {
        font-size:14px;
    }
    .messages_right {
        float:left;
        width:42%;
        padding-left:1.3rem;
    }
    .statistical_lists p,.statistical_lists ul {
        font-size:0.9rem;
    } 
    .jihua_lists ul li label {
        font-size:0.85rem;
    }
    .jihua_lists ul li span.num-bj,.jihua_lists ul li span.num,.jihua_lists ul li span.num2 {
        height:0.9rem;
        display:inline-block;
        border-radius:12px;

    }
}
@media (min-device-width:375px) {
    .statistical {
        font-size:16px;
    }
    .messages_right {
        float:left;
        width:42%;
        padding-left:1.3rem;
    }
    .statistical_lists p,.statistical_lists ul {
        font-size:1rem;
    } 
    .jihua_lists ul li label {
        font-size:0.8rem;
    }
    .jihua_lists ul li span.num-bj,.jihua_lists ul li span.num,.jihua_lists ul li span.num2 {
        height:1rem;
        display:inline-block;
        border-radius:12px;

    }
}
/*效率统计 结束*/

/*考勤管理开始*/

.attendance_nr {
	padding-top:2.5rem;
	text-align:left;
	display:inline-block;
	width:100%;
	padding-bottom:0.8rem;
}
.attendance_nr ul {
	padding-left:2.5%;
}
.attendance_nr ul li {
	text-align:center;
	float:left;
	width:22%;
	color:#fff;
	font-weight:400;
	font-size:0.8rem;
	border-right:0.5px solid #6588B4;
}
.attendance_nr ul li span {
	text-align:center;
	font-size:1.625rem;
}
.attendance_nr ul li span.col1{
	color:#4AE6E6;
}
.attendance_nr ul li span.col2{
	color:#FD805E;
}
.attendance_nr ul li span.col3{
	color:#FCCC02;
}
.attendance_nr  .time {
	font-size:0.8rem;
	color:#fff;
	font-weight:200;
	width:40%;
	float:left;
}
.attendance_nr  .time p {
	padding-left:9%;
}
.attendance_nr  .time p span {
	color:#fff;
	opacity:0.7;
}
.attendance_nr  .time .time_2 {
	padding-left:32%;
	padding-top:0.2rem;
}
.my_attendance h2 {
	font-size:1rem;
	font-weight:400;
	color:#999;
	height:2.25rem;
	line-height:2.25rem;
	border-bottom:0.5px solid #BEBEBE;
	padding-left:4%;
}

.bolang img {
	width:100%;
	clear:both;
	border:none;
	vertical-align:top;
}
.my_attendance .select_time {
	background:#F5F5F5;
	height:3rem;
}
.my_attendance .select_time h3 {
	font-size:1rem;
	font-weight:400;
	color:#999;
	padding-left:32%;
	line-height:3rem;
	float:left;
	color:#333;
}
.select_time .time_left,.select_time .time_right {
	padding-top:0.95rem;
}
.my_attendance .select_time .time_left {
	float:left;
	padding-left:4%;
}
.my_attendance .select_time .time_right {
	float:right;
	padding-right:4%;
}
.my_attendance .kaoqin {
	height:100%;
	width:85%;
	margin:0 auto;
	clear:both;
}
.my_attendance .kaoqin_list  {
	padding-top:1.5rem;
	border-bottom:1px solid #efefef;
	height:4.25rem;
}
.my_attendance .kaoqin_list  li {
	float:left;
	width:25%;
	text-align:center;
	font-size:0.9rem;
	font-weight:400;
}
.my_attendance .kaoqin_list  li a {
	color:#B5B5B5;
}
.my_attendance .kaoqin_list  li span {
	font-size:1.625rem;
	font-weight:400;
	color:#333;
	padding-top:0.3rem;
}
@media (min-device-width:320px) {
.attendance_nr ul li {
	width:18.5%;
	font-size:0.78rem;
}
.attendance_nr ul li span {
	font-size:1.6rem;
}
.attendance_nr  .time {
	font-size:0.78rem;
}
.my_attendance .kaoqin_list  li {
	width:25%;
	font-size:0.8rem;
}
.my_attendance .kaoqin_list  li span {
	font-size:1.6rem;
}
.my_attendance .select_time h3 {
	font-size:0.95rem;
}
}
@media (min-device-width:375px) {
.attendance_nr ul li {
	width:19%;
	font-size:0.9rem;
}
.attendance_nr ul li span {
	font-size:1.625rem;
}
.attendance_nr  .time {
	font-size:0.9rem;
}
.my_attendance .kaoqin_list  li {
	width:25%;
	font-size:0.9rem;
}
.my_attendance .kaoqin_list  li span {
	font-size:1.625rem;
}
.my_attendance .select_time h3 {
	font-size:1rem;
}
.attendance_nr  .time .time_2 {
	padding-left:32%;
	padding-top:0.2rem;
}
.attendance_nr  .time .time_2 {
	padding-left:32%;
}
}
@media (min-device-width:414px) {
.attendance_nr  .time .time_2 {
	padding-left:29.5%;
}
}
/*考勤管理结束*/










